h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}
.li{list-style-type: none;}
.section {font: "Microsoft Yahei"; color: #fff;}

.desktop-wrapper {
    justify-content: center;
    overflow: hidden;
}

.desktop-wrapper .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 610px;
    width: 100%;
    height: 610px;
}

.desktop-wrapper .options .option {
    position: relative;
    overflow: hidden;
    min-width: 350px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.desktop-wrapper .options .option.active {
    flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.desktop-wrapper .options .option.active>div {
    z-index: 1;
}

.desktop-wrapper .options .option.active>div .info-wrapper {
    z-index: 999;
}

.desktop-wrapper .options .option.active>div .info-wrapper .title {
    font-size: 1.953rem;
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .subtitle {
    color: white;
    font-size: .9rem;
    letter-spacing: .035rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link {
    text-decoration: none;
    width: 6rem;
    color: #e9ecef;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
    background: rgba(255, 255, 255, 0.1);
    padding: .35rem .75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.desktop-wrapper .options .option.active>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option.active>div .icon-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: baseline;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-text {
    opacity: 1;
    display: initial;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    z-index:10;
    display: none;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-icon:before {
    opacity: 1;
}

.desktop-wrapper .options .option:not(.active) {
    flex-grow: 1;
}

.desktop-wrapper .options .option:not(.active):hover {
    filter: grayscale(0%);
}

.desktop-wrapper .options .option:not(.active):hover>div:before {
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
}

.desktop-wrapper .options .option:not(.active)>div .title,
.desktop-wrapper .options .option:not(.active)>div .subtitle,
.desktop-wrapper .options .option:not(.active)>div .description {
    opacity: 0;
}

.desktop-wrapper .options .option:not(.active)>div .icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    padding-bottom: 4rem;
}

.desktop-wrapper .options .option:not(.active)>div .icon-wrapper .category-icon:before {
    opacity: .5;
}

.desktop-wrapper .options .option:not(.active)>div:before {
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option>div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4rem;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.desktop-wrapper .options .option>div .icon-wrapper .category-text {
    line-height: 20px;
    padding-left: .75rem;
}

.desktop-wrapper .options .option>div .icon-wrapper .category-text p {
    line-height: 20px;
    font-size: 0.75rem;
}

.desktop-wrapper .options .option>div .icon-wrapper .category-icon {
    display: flex;
    align-items: flex-start;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4);
}

.desktop-wrapper .options .option>div .icon-wrapper .category-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    -webkit-mask-image: url(../fonts/sports_biotech_icon.svg);
    mask-image: url(../fonts/sports_biotech_icon.svg);
    background-color: #fff;
    height: 20px;
    width: 21px;
}

.desktop-wrapper .options .option>div .icon-wrapper.sb .category-icon {
    background-color: #0DAFE0;
}

.desktop-wrapper .options .option>div .icon-wrapper.ce .category-icon {
    background-color: #f2501f;
}

.options> :nth-child(1) {
    background-color: #515272;
    background-image: url("../images/playr.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(2) {
    background-color: #6c3f31;
    background-image: url("../images/encased.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(3) {
    background-color: #323119;
    background-image: url("../images/orthomovement.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(4) {
    background-color: #5d92cb;
    background-image: url("../images/spyslide.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(5) {
    background: #e9ecef;
    background-image: url("../images/tapedesign.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(6) {
    background-color: #112a3b;
    background-image: url("../images/bolleraven.jpg");
    background-position: center center;
    background-size: cover;
}

.mobile-wrapper {
    height: initial;
    max-width: 320px;
    margin: 0 auto;
}

.mobile-wrapper .options {
    position: relative;
    height: auto;
    max-width: none !important;
    flex-basis: 100% !important;
}

.mobile-wrapper .options .option {
    position: relative;
    overflow: hidden;
    background-size: auto 120%;
    background-position: center;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.mobile-wrapper .options .option>div {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 2rem 1rem 1rem;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.mobile-wrapper .options .option>div .info-wrapper {
    z-index: 999;
}

.mobile-wrapper .options .option>div .info-wrapper .title {
    font-size: 1.5rem;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.mobile-wrapper .options .option>div .info-wrapper .subtitle {
    color: white;
    font-size: .8rem;
    letter-spacing: .06rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.mobile-wrapper .options .option>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.mobile-wrapper .options .option>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link {
    text-decoration: none;
    width: 6rem;
    color: #e9ecef;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
    background: rgba(255, 255, 255, 0.1);
    padding: .35rem .75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.mobile-wrapper .options .option>div .icon-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2rem 0 0;
    z-index: 999;
    opacity: 0.8;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-text {
    line-height: 40px;
    padding-left: .75rem;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon {
    display: flex;
    align-items: flex-start;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4);
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    -webkit-mask-image: url(../fonts/sports_biotech_icon.svg);
    mask-image: url(../images/sports_biotech_icon.svg);
    background-color: #fff;
    height: 16px;
    width: 16px;
}

.mobile-wrapper .options .option>div .icon-wrapper.sb .category-icon {
    background-color: #0DAFE0;
}

.mobile-wrapper .options .option>div .icon-wrapper.ce .category-icon {
    background-color: #f2501f;
}

.mobile-wrapper .options .option>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(52, 58, 64, 0.7);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.container .row h4:first-of-type {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1rem;
}

/*关于我们*/
.gaunyu{
    width: 1400px;
    margin: auto;
    overflow: hidden;
    border-radius: 15px;
    background: #ffffff;
}
.gaunyu>img{
    width: 100%;
}

.gaunyu>p{
    text-align: center;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 0;
    color: #232426;
    line-height: 33px;
    margin-top: 19px;
}

.guanmyus{
        overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 41px;
    margin-bottom: 30px;
}
.guanmyus a{
      display: block;
    width: 348px;
    text-align: center;  
}

.guanmyus div{
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    margin: auto;   
    transition:transform 0.5s;
}

.guanmyus div:hover{cursor:pointer;transform:translate(0,5px);}

.guanmyus span{
    color: #423d3d;
    font-size: 16px;
    margin: 12px;
    display: block; 
    margin-top: 30px;
}

.guanmyus img{
    
}


.guanmyus p{
  width: 82%;
    margin: auto;
    color: #0079c3;  
}


.container {
    width: 1400px;
    margin: auto;
    margin-bottom: 40px;
}

.about_head{
    margin-bottom: 60px;
}
.about_head h2{
    text-align: center; 
    margin-top: 50px; 
    font-size: 36px; 
    color: #333;
}
.about_head p{
    text-align: center;
    font-size: 18px; 
    color: #555;  
    margin-top:8px;
}
.about_h3{
    font-family: Arial;
    color: #a42485;
    font-size: 50px;
    font-weight: bold;
    margin: 0px;
    float: left;
    width: 100%;
}
.about_p{
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
.about_content{
    line-height: 30px;
    color: #555;
    margin-top:20px;
    font-size: 16px;
    width: 90%;
    text-align: left;
    text-indent:2em;
}
.about_content1{
    line-height: 30px;
    color: #5fc1bd;
    margin-top:20px;
    font-size: 30px;
    width: 90%;
    font-weight: bold;
    text-align: left;
}
.about_btn{
    display: block;
    text-align: center;
    width: 140px;
    padding: 7px 0px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    background-color: #a42485;
    margin-top: 20px;
}
.about_btn:hover,.about_btn:focus{
    color: #fff;
    text-decoration: none;
    background-color: #03b29c;
}
.about_video{
    width: 100%;
}

@media (min-width: 992px) {
.col-md-6{
    float: left;
  }
.col-md-6 {
    width: 50%;
    padding-right: 1%;
    padding-bottom: 0.8%;
  }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container:before,
.row:after{
  display: table;
  content: " ";
}

.row:after{
  clear: both;
}


/*标题*/
.title01{
    background: url("../images/title01_bj.png") no-repeat center center;
    width:1200px;
    margin:0 auto;
    height: 75px;
    margin-bottom: 70px;
}

.title02{
    text-align: center;
}
.title02 h2{
    font-size: 40px;
    font-weight: bold;
    color:#333333;
}
.title02 p{
    font-size: 16px;
    color:#333333;
}

/*内页标题*/
.title03{
    text-align: center;
}
.title03 h2{
    font-size: 40px;
    font-weight: bold;
    color:#333333;
    margin-bottom: 20px;
}
.title03 p{
    font-size: 16px;
    color:#666666;
}

.title04{
    text-align: center;
    padding-top: 190px;
}
.title04 h2{
    font-size: 40px;
    font-weight: bold;
    color:#333333;
    margin-bottom: 20px;
}
.title04 h2 span{
    color:#5fc1bd;
}

.title04 p{
    font-size: 16px;
    color:#666666;
}

/*门店*/
.mendian{
    text-align: center;
}


/*留言*/

.fl{float:left;}
.fr{float:right;}
.webs_z{width:1400px; margin:0 auto;}
.ly_z{width:100%;padding-bottom: 275px;padding-top: 50px;}
.ly_bt{/*width:580px;*/ line-height:45px; text-align:right; font-size:15px; color:#666; margin-top:10px;}
.ly_bt span{font-size:28px; color:#5fc1bd;}
.ly_bt strong{color:#5fc1bd;}
.ly_bt p{font-size:20px;}
.ly_ewm{
    float: left;
}
.foot_link{
    float: left;
    margin-right: 75px;

}
.foot_link a{
    display: block;
    font-size: 14px;
    color: #646464;
    line-height: 27px;
}
.foot_link a:hover{
    color: #5fc1bd;
}
.foot_link a span{
    font-size: 18px;
    display: block;
    font-weight: bold;
    margin: 10px 0;
    color: #5fc1bd;
}

.message_l{width:530px;}
.message_lc{ margin-top:12px;}
.message_ltj{ margin-top:12px; text-align:center;}

.message_r{ background:url(../images/20190930085137_420787363.jpg) left no-repeat;background-size: 170px; padding:0 0 0 210px; margin-top:45px;}
.message_r .cr_1 {font-size: 15px; color: #fff; display: inline-block; height: 30px; line-height: 30px; padding: 0px 20px; background: #5fc1bd; border-radius: 3px; position: relative; margin:10px 0;}
.message_r .cr_1::after { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 7px solid #5fc1bd; position: absolute; left:75px; bottom: -7px; }
.message_r .cr_2 {font-size: 26px;color: #5fc1bd;font-weight:bold;line-height: 26px;padding: 5px 0;}
.message_r .cr_3{font-size: 15px;line-height: 28px;color: #333333;}

/*版权*/
.copy { padding:25px 0; font-size:16px; overflow:hidden;background: #5fc1bd;}
.w100 { width:1400px; margin:0 auto}
.w100 a{color:#fff;}
.w100 a:hover{color:#fff;}



/*menuBox*/
.menuBox{width: 100%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;right: -100%;z-index: 9999;transition: all 0.8s ease;}
.menuBox::after{content:'';width: 1px;height: 100%;background-color: #e0e0e0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.menuBox .box{width: 94%;margin: 0 auto;min-width: 1150px;padding: 40px 0 0;position: relative;z-index: 9;}
.menuBox .box .logo{float: left;}
.menuBox .box .logo img{height: 42px;display: block;}
.menuBox .box .close{float: right;font-size: 16px;line-height: 50px;color: #333;position: relative;padding-right: 60px;cursor: pointer;transition: all 0.6s ease;}
.menuBox .box .close .iconfont{width: 50px;height: 50px;background-color: #333;color: #FFFFFF;font-size: 20px;position: absolute;top: 0;right: 0;border-radius: 50%;transition: all 0.6s ease;}
.menuBox .box .close:hover{color: #5fc1bd;}
.menuBox .box .close:hover .iconfont{background-color: #5fc1bd;transform: rotate(360deg);}
.menuBox .menuNav{width: 50%;height: 100%;position: absolute;top: 0;left: 0;}
.menuBox .menuNav ul{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.menuBox .menuNav ul li{margin: 18% 0;}
.menuBox .menuNav ul li a{font-size: 35px;color: #333; text-transform: uppercase;}
.menuBox .menuNav ul li a span{ font-size: 30px; color: #333; font-family:'Avignon';}
.menuBox .menuNav ul li:hover a,.menuBox .menuNav ul li#select a,.menuBox .menuNav ul li:hover a span,.menuBox .menuNav ul li#select a span{color: #5fc1bd;}
.menuBox .menuContact{width: 50%;height: 100%;position: absolute;top: 0;right: 0;}
.menuBox .menuContact .img{width: 160px;height: 160px;margin-bottom: 100px;}
.menuBox .menuContact .img img{width: 100%;box-shadow: 0 0 16px rgba(0,0,0,0.08);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 16px rgba(0,0,0,0.08);}
.menuBox .menuContact .contBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 416px;}
.menuBox .menuContact .contBox .title{font-size: 32px;color: #333;}
.menuBox .menuContact .contBox .phone{font-family: Avignon;font-size: 42px;font-stretch: normal;color: #333;margin-bottom: 20px;}
.menuBox .menuContact .contBox .text{font-size: 14px;line-height: 26px;color: #666666;margin-top: 10px;}
.menuBoxOn{right: 0 !important;}
@media (max-width: 1366px) {
    .menuBox .menuNav ul li a{font-size: 30px;}
    .menuBox .menuContact .img{width: 120px;height: 120px;margin-bottom: 60px;}
    .menuBox .menuContact .contBox .title{font-size: 24px;}
    .menuBox .menuContact .contBox .phone{font-size: 38px;}
}

/*header*/
.header{width: 100%;background-color:#fff;position:fixed;top: 0;left: 0;z-index: 999;transition: all 0.6s ease;}
.header::before{ content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0;}
.header .box{ width: 100%; padding-left: 1.5%; box-sizing: border-box; position: relative; min-width: 1150px; font-size: 0;}
.headerLogo{float: left;}
.headerLogo a{display: block; width: 184px; height: 50px; margin: 18px 0; background: url(../images/logo.png)  no-repeat; background-size: auto 50px; transition: all 0.6s ease;}
.headerTel{ position: relative;  display: inline-flex; vertical-align: middle; height: 80px; background-color: rgba(255,255,255,0); align-items: center;justify-content: space-between; padding: 0 20px;}
.headerTel::before{ content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0;}
.headerTel .iconT{    font-size: 40px;
    color: #fff;
    background: url(../images/phone.png) no-repeat;
    padding-right: 8px;}
.headerTel span{ display: inline-block; margin-left: 0; font-size: 30px; color: #5fc1bd; }
.header .nav{ display: inline-block; vertical-align: middle; margin-right: 40px; }
.header .nav .nLi{display: inline-block;position: relative;margin-right: 60px;}
.header .nav .nLi h3{padding: 25px 0;transition: all 0.6s ease;}
.header .nav .nLi h3 a{display:block; line-height:30px;font-size:16px;color:#000;font-weight: normal;}
.header .nav .sub{display:none;position:absolute;top:80px;transform: translateX(-50%);left: 50%;width: 140px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header .nav .sub a{display:block;text-align: center;font-size: 16px;color: #333;padding:14px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.header .nav .sub a:hover,.header .nav .sub li.on a{background-color: #5fc1bd;color: #FFFFFF;}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{color: #5fc1bd;}
.header .popnav{width: 30px; position: relative; display: inline-block; margin: 0 40px; vertical-align: middle; cursor: pointer;}
.header .popnav .menu{width: 24px;height: 18px;position: relative;overflow: hidden;float: left;}
.header .popnav .menu .solid{width: 24px;height: 2px;background-color: #fff;transition: all 0.6s ease;}
.header .popnav .menu .solid1{position: absolute;top: 0;left: 0;}
.header .popnav .menu .solid2{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 18px;transition: all 0.6s ease;}
.header .popnav .menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.header .popnav .tit{color: #000;font-size: 16px;float: right;line-height: 18px;transition: all 0.6s ease;}
.header .popnav:hover .menu .solid{background-color: #000;}
.header .popnav:hover .menu .solid2{width: 24px;}
.header .popnav:hover .tit{color: #ff4229;}
@media (max-width: 1440px) {
    .header .nav{ display: inline-block; vertical-align: middle; margin-right: 0; }
}
@media (max-width: 1366px) {
    .header .nav .nLi{display: inline-block;position: relative;margin-right: 40px;}
}
.is-fixed{box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); border-bottom: rgba(255,255,255,0);}
.is-fixed .headerLogo a{ background: url(../images/logo.png) no-repeat; background-size: auto 50px; }
.is-fixed .nav .nLi h3 a{color:#333;}
.is-fixed .popnav .menu .solid{background-color: #fff;}
.is-fixed .popnav .tit{color: #000;}
.is-fixed::before,.is-fixed .headerTel::before{ display: none;}
.is-fixed .headerTel .iconT,.is-fixed .headerTel .iconT{   color: #fff;}

.menu{
    float: right;
    line-height: 88px;
    background-color: /*#5fc1bd*/#5fc1bd;}


/*内页banner*/
.nybanner{
    height: 540px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #d8d8d8;
}

.dibu {font: "Microsoft Yahei"; color: #fff;}

/*历程*/
.cente{
    width: 1400px;
    margin: 0 auto;
}

.bra-history__full{
    background-color: #5fc1bd;
    height: 840px;
    padding-top: 66px;
}


/*news*/

.table{ display: table; table-layout: fixed; width: 100%; height: 100%;}
.table-cell {display: table-cell; vertical-align: middle; width: 100%; height: 100%; z-index: 9999;}
body{transition: 0.5s ease all;}

.section .btn{ margin: 20px 0 0; padding: 0;}
.section .btn a,
.section .btn .box{width: 163px; height: 50px; line-height: 50px; font-size: 14px; display: block; color: #fff; background: url(../images/btn_bg1.png) no-repeat top right; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.section .btn a p,
.section .btn .box p{float: left; width:153px; height: 50px; background: url(../images/btn_bg2.png) no-repeat top right;  transition: all .5s;}

.section .btn a span,
.section .btn .box .tijiao{float: left; width: 143px; height: 50px; display: inline-block; background: url(../images/btn_bg3.png) no-repeat top right; transition: all .5s;text-align: center;}

.section .btn a:hover p,
.section .btn .box:hover p{margin-left:10px;}

.section .btn a:hover span,
.section .btn .box:hover .tijiao{margin-left:10px;}

@media (max-width: 767px){
    .section .btn{width: 100%; text-align: center;}
    .section .btn a,
    .section .btn .box{margin: 0 auto;}
}


.section-news{background: url(../images/sy_news_bg.png) no-repeat top center; background-size: cover; padding:70px 0;}
.section-news .tabs{overflow: hidden; text-align: center;}
.section-news .tabs a{position: relative; margin: 0 11px; display: inline-block; font-size: 18px; line-height: 22px; color: #272727; padding-left: 26px;}
.section-news .tabs a.active{background: url(../images/icon_news.png) no-repeat center left;}
.section-news .tabs a.active em{position: relative; z-index: 100;}
.section-news .tabs a.active:after{content:''; position: absolute; left: 26px; bottom: 0; width: 72px; height: 2px; background: #5fc1bd; z-index: 99;}
.section-news .tabs-cont{margin: 50px 0 0 0;}
.section-news .tabs-cont li{float: left; margin: 0 60px 0 0; width: 420px;}
.section-news .tabs-cont .item{width: 420px; padding: 0 0 24px 0; display: block;}
.section-news .tabs-cont .date{color: #818181; font-size: 16px; margin-top: 24px; line-height: 24px;}
.section-news .tabs-cont .date:before{content: ""; width: 20px; height: 2px; margin: 11px 10px 0 0; background: #858585; display: inline-block; vertical-align: top;}
.section-news .tabs-cont .tit{font-size: 16px; color: #2e2e2e; line-height: 24px; padding: 17px 0 0 30px;}
.section-news .tabs-cont .item:hover .tit{color: #5fc1bd;}
.section-news .tabs-cont .btn{float: right;  margin: 70px calc(100% - 1380px) 0 0;}
.section-news .swiper-pagination{position: static; margin-top: 104px; height: 8px; text-align: left;}
.section-news .swiper-pagination-bullet{width: 24px; height: 8px; vertical-align: top; border-radius:8px; background: #c2c2c2; opacity: 1;}
.section-news .swiper-pagination-bullet-active{width:24px; background: #5fc1bd;}
@media (max-width: 767px){
    .section-news{padding: 30px 0;}
    .section-news .tabs a{ margin: 0 6px; font-size: 16px;}
    .section-news .container{width: 100%;}
    .section-news .tabs-cont{ margin: 40px 0 0 0;}
    .section-news .tabs-cont .date{font-size: 13px; line-height: 20px;}
    .section-news .tabs-cont .tit{font-size: 13px; line-height: 20px;}
    .section-news .tabs-cont li{ width: 100%; margin: 0;}
    .section-news .tabs-cont .item{width: 100%; }
    .section-news .swiper-pagination{margin-top: 30px;}
    .section-news .tabs-cont .btn{margin: 10px auto 0;}
}
@media (min-width: 1200px) and (max-width: 1919px){
    .section-news .tabs-cont{margin: 50px 0 0 0;}
    .section-news .tabs-cont .btn{margin: 50px calc(100% - 1380px) 0 0;}
    .section-news .swiper-pagination{ margin-top: 60px;}
}

/*简介*/
.jj{background-color: #ffffff;}
.bg{width:1400px;background-color: #fff;margin:0 auto;}
.xyin {
    height:590px;
    width:1245px;
    margin:0 auto;

 }
.xyin-about .about-text h4{
    color:#5fc1bd;
}

.xyin-about .about-text span{
    color:#5fc1bd;
}

.xyin-about {padding-top: 50px;}
.xyin-about .xyin-about-content {
background-position: right bottom;
background-repeat: no-repeat;
 }
.xyin-about .xyin-about-content .about-text {
width: 600px;
color: #666; }
.xyin-about .xyin-about-content .about-text h3 {
color: #1d1d1d;
font: 600 25px "Microsoft YaHei";
margin-bottom: 30px; }
.xyin-about .xyin-about-content .about-text h3:after {
content: "";
width: 50px;
height: 3px;
display: block;
background-color: #000;
margin-top: 30px; }


/*品牌承诺*/
.button2 {
    min-height:680px;
    max-width: 1920px;
    background-image: url("../images/chengnuo_bj.jpg");
}
.mr150 {
    margin-right: 60px;
    text-align: center;
    margin-top: 50px;
}
.ml20 {
    color:#666666;
    margin-left: 43px;
    font-size:16px;
}
.button4 {
    color:#666666;
    max-width: 1600px;
    text-align: center;
    margin: 30px auto 0 auto;
}
.button4 a{
    color:#666666;
}
.list_us {
    margin:40px 160px 0 0;
    float: right;
    width: 990px;
}
.fix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
@media (min-width: 1600px) {
    .buttom {
        height:330px;
    }
    .mlbut {
        width: 265px;
    }
    .input_style {
        width:424px;
        margin-right: 20px;
    }
}
.bottom-text1 {
    font-size: 16px;
    color:#333;
    margin-top:25px;
    font-family: "微软雅黑";
}
.bottom-text2 {
    font-size: 25px;
    color:#333;
    font-family: "微软雅黑";
    font-weight: bold;
    padding-top: 60px;
}
.bottomDiv {
    max-width: 445px;
    min-height: 193px;
    background-color: #fff;
    text-align: center;
    border-radius:15px;
    margin-top: 70px;
}
.bottom-img1 {
    margin-top:17px;
}
.mt230 {
    margin-top:66px;
}
.col-md-4 {
    width: 33.33333333%;
    float: left;
}

.wenzi{text-align: center;font-size: 35px;font-weight: bold;color:#fff;line-height: 60px;}


/*资质*/
.zizhi{height:1088px;background-color: #f4f4f4;}
.honor{padding-top: 66px;}
.honor ul{
    width:110%;
    overflow:hidden;
    margin-top:-20px;
}
.honor ul li{
    float:left;
    margin:80px 28px 0 0;
}
.honor ul li div{
    background:url(../images/honor_bj.png) bottom center no-repeat;
    width:440px;
    padding:0 20px 12px 20px;
}
.honor ul li p{
    width:440px;
    text-align:center;
    color:#5a5a5a;
    padding-top: 25px;
}


/*分页样式*/
 .page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;margin-bottom: 30px;}
 .page li{display:inline; padding:5px 10px; border:1px solid #5fc1bd; margin-right:5px;border-radius: 20px;}
 .page li a{color: #555;}
 .page li a:hover{background:#f5f5f5; color:#5fc1bd;}
 .page li.thisclass{background:#5fc1bd; color: #fff;}
 .page li.thisclass a{text-decoration:none; cursor:default; border-color:#5fc1bd; color: #fff;}
 .page .pageinfo strong{font-weight:normal;}

 
/*新闻列表*/
#bodycon {width:1400px;margin: 0 auto;}
.shopmrsc:hover {
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,.3);
    cursor: pointer;
    background: #fff;
}

.shopmrsc {
overflow: hidden;
margin: 20px 0px;
background: #f3f3f3;

}

.shopmrsc a {
float: left;
display: block;
height: 230px;
text-decoration: none;
position: relative;
}

.xwlb_img {
float:left;
margin-right: 15px;
width: 385px;
height: 230px;
background-color:#DBD9DA;
}
.xwlb_img img {
width:100%;
height:100%;
max-width: 385px;
max-height: 230px;
display: table-cell;
}
.shopmrsc p {
text-align: left;
margin: 0 auto;
border-bottom: none;
}
.shopmrsc p.xwlbbt {
font-size: 16px;
font-family: "Microsoft YaHei";
font-weight: normal;
color: #000;
font-weight: bold;
}
.shopmrsc p.xwlbbt span{float: right;font-weight: 100;color: #999999}

.shopmrsc p.xwlbnr {
font-size: 14px;
font-weight: normal;
height: 50px;
line-height: 30px;
margin-top: 7px;
color: #999;
}


.shopmrsc p.xwlbsj {
font-size: 14px;
font-weight: normal;
color: #fff;
position: absolute;
line-height: 20px;
bottom: 20PX;
background-color: #5fc1bd;
    padding: 8px;
}


/*招聘内容*/
.UI-bubble{
    display:inline-block;
    width:46px;
    height:46px;
    overflow:hidden;
    background:url(../images/sicons.png) 0px 0px no-repeat;
}
.UI-ask{
    display:inline-block;
    width:46px;
    height:46px;
    overflow:hidden;
    background:url(../images/sicons.png) -48px 0px no-repeat;
}
#questions{
    width:1400px;
    margin:20px auto;
    padding-top:14px;
}
#questions li h5 .UI-ask,#questions li h5 .UI-bubble{
    position:absolute;
    left:0px;
}
#questions li{
    padding:0 0px 5px 0px;
    vertical-align:bottom;
}
#questions li h5{
    height:40px;
    position:relative;
    color:#666;
    font-size:16px;
    cursor:pointer;
    line-height:46px;
    height:46px;
    overflow:hidden;
    padding:0 0 0 60px;
    background-color: #f4f4f4;
}
#questions li .foldContent{
    padding:10px 26px;
    line-height:24px;
    color:#383838;
    border: 1px solid #5fc1bd;
}

#questions li .foldContent p{
    padding-top: 40px;
    padding-bottom: 40px;
}

#questions li .foldContent p b{
    color:#000;
}

.zhaopinz{
    height:150px;
    margin:0 auto;
    width:1400px;
    background-color: #f4f4f4;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    padding: 30px;
    margin-bottom: 60px;
    margin-top: 40px;
}
.zhaopinz span{
    color:#5fc1bd;
    font-weight: bold;
}


/*产品项目*/
.sweec {
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.sweec dl {
    float: left;
    width: 32%;
    height: auto;
    overflow: hidden;
    margin-bottom: 3rem;
    margin-right: 1.3%;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.sweec dl dd {
    opacity: 1;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
}

.sweec.active>dl {
    opacity: 0;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.sweec>dl.active dd {
    opacity: 1;
}

.sweec>dl.dong_3d {
    transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    -o-transform: translateX(1rem);
    transition-delay: 0s;
}

.sweec>dl.dong_3d1 {
    transform: translateX(1rem);
    transition-delay: 0.2s;
    -webkit-transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}

.sweec>dl.dong_3d2 {
    transform: translateX(1rem);
    transition-delay: 0.4s;
    -webkit-transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}

.sweec>dl.active,
.sweec>dl:nth-child(1),
.sweec>dl:nth-child(2),
.sweec>dl:nth-child(3) {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.sweec dl.qcbj {
    margin-right: 0;
}

.sweec dt {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.4rem;
    position: relative;
    border-radius:8px;
}

.sweec dt span {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.5);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius:8px;
    background:url(../images/lj1.png) center no-repeat;
}

.sweec dt img {
    display: block;
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    border-radius:8px;
    height: 335px;
}

.sweec dd {
    height: auto;
    /* padding: 0 0.22rem; */
}

.sweec dd h2 {
    color: #111;
    font-size: 16px;
    line-height: 60px;
    /* font-family: '微软雅黑'; */
    font-family: '微软雅黑';
    margin-bottom: 0.14rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: inherit;
    text-align: center;
    border: 1px solid #bbbbbb;
    border-radius: 8px;
    margin-top: 1rem;
}

.sweec dd h2:hover {
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 1px solid #5fc1bd;
    border-radius: 8px;
    background: #5fc1bd;
}

.sweec dd p {
    font-size: 0.16rem;
    line-height: 36px;
    color: #808080;
    font-weight: inherit;
}

.sweec dl:hover dt img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}

.sweec dl:hover dt span {
    opacity: 1;
}

.sweec>dl.active dd {
    opacity: 1;
}

.swei {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 1400px;
    margin: 0 auto;
}


/*视频合集*/
.main {
    width: 1400px;
    margin: 10px auto 0;
    overflow: hidden;
}
.main h2 {
    color: #222;
    font-size: 24px;
    font-weight: normal;
    margin: 25px 0 20px;
    position: relative;
}
.main h2 p {
    float: right;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
}
.main h2 p span.first {
    padding-right: 15px;
    margin-right: 15px;
    background: url(../images/point.jpg) no-repeat right center;
}
.main h2 p span:hover {
    color: #fff;
}
.main h2 p span.on {
    color: #fff;
}
.main h2 p i {
    width: 4px;
    height: 4px;
    margin: 3px 15px;
    background: #ccc;
    border-radius: 50px;
    display: inline-block;
}
.main h2 a {
    color: #333;
    text-decoration: none;
}
.main h2 a:hover {
    color: #fff;
}
.main ul {
    display: none;
    width: 1400px;
    overflow: hidden;
}
.main ul.on {
    display: block;
}
.main ul li {
    float: left;
    width: 440px;
    margin: 20px 12px;
}
.main ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #333;
    font-size: 16px;
}
.main ul li a img {
    width: 440px;
    height: 310px;
    display: block;
}
.main ul li a span {
    right: 0;
    width: 54px;
    bottom: 44px;
    height: 22px;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    background: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#99000000, endColorstr=#99000000);
}
.main ul li a p {
    height: 70px;
    line-height: 70px;
    color: #000;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    border: 1px solid #5fc1bd;
    border-top:none;
}

.main ul li a p:hover {
    color: #fff !important;
    background: #5fc1bd;

}

.main ul li a div {
    background: #000;
}
.main ul li a em {
    display: none;
    width: 54px;
    height: 54px;
    background: url(../images/play.png) no-repeat;
    margin: -49px 0 0 -27px;
    position: absolute;
    left: 50%;
    top: 50%;
}


/*内页导航*/
.container1 {
    width: 1400px;
    margin: auto;
    border-bottom: 1px solid #d8d8d8;
}
.q_main_nav {
        width:100%;
        margin:0 auto;
        padding:30px 30px 0;
        margin-bottom: 70px;
    }
    .q_main_nav a {
        display: inline-block;
        outline: none;
        padding:10px 30px;
        color:#5fc1bd;
        font-size: 15px;
    }
    .q_main_nav a:hover {
        background-color:#5fc1bd;
        color:#fff;
    }
    .q_main_nav a.on {
        background-color:#5fc1bd;
        color:#fff;
    }

/* 面包屑导航*/
.line{width: 60%;float: left;}
.location {
    padding: 5px 0;
    width: 100%;
    height: 40px;
    line-height: 34px;
    color: #999;
    font-size: 12px;
    text-align: right;
}
.location a {
    color: #000000;
    padding: 1px;
    font-size: 12px;
    rel:nofollow;
}
.location a:hover{
    color: #fff;
    padding: 1px;
    font-size: 12px;
}
.location span {
    color: #000000;
}


/*三级页面*/
.detail {
    width: 1400px;
    margin: 0 auto;
}
.detail .title {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}
.detail .title h1 {
    font-size: 30px;
    line-height: 50px;
}
.detail .title span {
    line-height: 18px;
    font-family: arial;
    color: #959595;
}
.detail .title i {
    width: 23px;
    height: 16px;
    background-position: -73px 0;
    margin-right: 10px;
}
.detail .title .i2 {
    background-position: -104px 0;
    margin-left: 30px;
}
.detail .context1 {
    color: #000;
    padding: 25px 0;
    font-size: 16px;
    width: 64%;
    margin: auto;
}
.detail .context {
    color: #000;
    padding: 25px 0;
    font-size: 16px;
    width: 100%;
    margin: auto;
}
.detail .context img {
    max-width: 1400px;
    display: block;
    margin: 40px auto;
}
.detail .context p{
    margin-bottom: 20px;
}


.detail .context .xmys-logo{
    width: 500px; 
    height: auto; 
    margin-left: 20px; 
    margin-bottom: 20px;
}

.reLink {
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    padding: 0 15px;
    margin-bottom: 50px;
}
.reLink .nextLink, .detail .reLink .prevLink {
    width: 50%;
    color: #666666;
}
.reLink .nextLink {
    text-align: right;
    color: #666666;
}
.reLink a {
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    color: #666666;
}
.reLink a:hover {
    color: #5fc1bd;
}

/* banner */
.c-banner{
    width: 100%;
    position: relative;
}
.c-banner img{
    width: 100%;
}
.c-banner .banner ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.c-banner .banner ul li{
    position: absolute
    display: none;
    opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
    opacity: 1;
    display: block;
}
.c-banner .banner ul li img{
    width: 100%;
    position: absolute;
    top: 0px;
}
.c-banner .banner ul li:first-child img{
    position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
    padding: 5px 5px 5px 5px;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    background: #5fc1bd;
    opacity: 0.5;
    border-radius: 5px;
    z-index: 10;
    
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
    opacity: 0.8;
}
.c-banner .nexImg{
    right: 50px;
}
.c-banner .preImg{
    left: 50px;
}
.c-banner .nexImg img,.c-banner .preImg img{
    
    
}
.c-banner .jumpBtn{
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}
.c-banner .jumpBtn ul{
    margin-bottom: 0px;
    padding: 0px;
}

.c-banner .jumpBtn ul li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    opacity: 0.9;
    margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
    margin-left: 0px;
}
@media screen and (max-width:768px) {
    .c-banner{
        width: 100%;
        height: 345px;
        overflow: hidden;
    }
    .c-banner .banner ul li img{
        position: absolute;
        left: 50%;
        margin-left: -384px;
    }
}


/*招商加盟*/
.biaoti1{
    width:1400px;
    margin:0 auto;
    font-size: 37px;
    text-align: center;
    padding-top: 70px;
}

.biaoti1 span{
    font-weight: bold;
    color:#e80175;
}

.diqu{
    text-align: center;
    margin:0 auto;
}
.zaizhongguo{
    height:1280px;
    background:url(../images/zaizhongguo.jpg) center no-repeat;
    padding-top: 70px;
}

.shuzi{
    font-size: 100px;
    margin:0 auto;
    padding-top: 120px;
    float: left;
    width:45%;
}

.shuzi span{
    background:url(../images/shuzi_bj.png) center no-repeat;
}

.shuzi1{
    margin:0 auto;
    padding-top: 110px;
    float: left;
    width:55%;
}
.shuzi1 p{
    font-size: 30px;
    text-indent:2em;
    color:#303332;
    letter-spacing: 8px;
}
.mendian1{
    margin-top: 70px;
}

.mendian1 img{
    margin-bottom: 70px;
    margin-top: 70px;
}

.liucheng img{
    position: relative;
    width: 100%;
}

.mendian1 img{
    position: relative;
    width: 100%;
}

.diqu img{
    position: relative;
    width: 100%;
}


.zhengce{
    height:825px;
    background:url(../images/zhengce_bj.jpg) center no-repeat;
    padding-top: 70px;

}

.page-m7{margin-top: 70px;}

.imgtxtList3{font-size:0;}

.imgtxtList3 img{width:100%; border-radius: 25px 25px 0px 0px;}

.imgtxtList3 li{width: 25%; padding: 0px 1%; padding-bottom: 30px; display:inline-block;letter-spacing:normal;word-spacing:normal; vertical-align: top;}

.imgtxtList3-m1{height: 260px;display: block; border: 1px solid #dadada;border-radius:25px;background: #fff;}

.imgtxtList3-m1 .txt h3{text-align: center; font-family: "微软雅黑"; font-size:20px;color: #6c6c6c;font-weight: 100;line-height: 48px;}

.imgtxtList3-m1 .txt p{line-height: 35px; line-height: 0.35rem; font-family: "微软雅黑"; font-size: 15.04px; color: #808080;}

.imgtxtList3-m1:hover,.pagem922:hover{

    box-shadow: 0px 0px 6px -1px rgba(0,0,0,.3);
    cursor: pointer;
    background: #5fc1bd;

}

.imgtxtList3-m1 .txt h3:hover{color:#fff;}


.zhichi{
    height:940px;
    background:url(../images/zhichi_bj.jpg) center no-repeat;

}

.zhichi1{
    width:1190px;
    margin:0 auto;
    margin-top: 100px;
}

.zhichi1 li{
    background: #5fc1bd;
    width: 23%;
    display: inline-block;
    text-align: center;
    height:76px;
    line-height: 76px;
    margin: 0px 10px 22px 10px;
    color:#fff;
    font-size: 18px;
}
.zhichi1 li:hover{
    background: #e70075;
    font-weight: bold;
}


.mendian_neiye{
    background:url(../images/mendian.jpg) center no-repeat;
    height:1000px;
}

.hezuo{
    background: #5fc1bd;
    height:675px;
}

.youtu{
    float: right;
}

.zuozi{
    width:1400px;
    margin:0 auto;
}
.zuozi img{
    width:170px;
    padding-top: 100px;
    border-bottom: 3px solid #fff;
}

.zuozi p{
    font-size: 28px;
    color:#fff;
    font-weight: bold;
    padding-top: 20px;
}
.anniu{
    font-size: 28px;
    color:#5fc1bd;
    background: #fff;
    height: 65px;
    width:285px;
    text-align: center;
    line-height: 62px;
    font-weight: bold;
    border-radius:35px;
    margin: 30px 0px 30px 0px;
}
.anniu a{color:#5fc1bd;}
.phone{
    width:1400px;
    margin:0 auto;
}

.phone p{
     font-size: 20px;
     color:#fff;
     padding-top: 20px;
}

.g-contact{ width:100%; height:510px; padding:70px 0 0; position:relative; background:url(../images/contact-bj.jpg) center center no-repeat;}

.f-contact{ width:1400px; height:auto; overflow:hidden; position:relative; margin:0 auto;}

.m-contact-left{ width: 50%; height: auto; float: left; position: relative;}
.m-contact-title{ width:100%; font-size:20px; color:#999; font-weight:bold; text-transform: uppercase; position:relative; margin-bottom: 20px;margin-top: 50px;}
.m-contact-title1{font-size:50px; font-weight: bold;}
.m-contact-title1 span{color:#5fc1bd;}
.m-contact-logo{ width:170px;}

.m-contact-tel{ height:55px; background:url(../images/m-dh.png) left center no-repeat; box-sizing:content-box; margin:20px 20px 0 0;}
.m-contact-tel .m-contact-tel-txt{ height:20px; line-height:20px;  font-size:18px; color:#000; margin-bottom:5px;line-height: 40px;}
.m-contact-tel .m-contact-tel-txt span{color:#5fc1bd;font-weight: bold;}
.m-contact-tel .m-contact-tel-num{ height:30px; line-height:35px;  font-size:36px; color:#000; font-weight:bold; margin-bottom:0;}



.f-message{ width: 400px; height:auto; position: relative; float: right;}
.f-message-title{ width: 400px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-bottom: 15px;}

.f-message .messageBox{ width:400px; height:auto; margin:0 auto;}
.f-message .messageBox .name{width:400px; height:30px; line-height:30px; background:#fff url(../images/footer-icon01.png) 10px center no-repeat; font-size:14px; color:#666; padding:0 40px; border:none; margin-bottom:10px;border-radius:10px}
.f-message .messageBox .phone{width:400px; height:30px; line-height:30px; background:#fff url(../images/footer-icon02.png) 10px center no-repeat; font-size:14px; color:#666; padding:0 40px; border:none; margin-bottom:10px;border-radius:10px}
.f-message .messageBox .email{width:400px; height:30px; line-height:30px; background:#fff url(../images/footer-icon03.png) 10px center no-repeat; font-size:14px; color:#666; padding:0 40px; border:none; margin-bottom:10px;border-radius:10px}
.f-message .messageBox .add{width:400px; height:30px; line-height:30px; background:#fff url(../images/footer-icon04.png) 10px center no-repeat; font-size:14px; color:#666; padding:0 40px; border:none; margin-bottom:10px;border-radius:10px}
.f-message .messageBox .notice{width:400px; height:40px; line-height:40px; background:#fff; font-size:16px; color:#666; padding:0 10px; border:none; margin-bottom:10px;}
.f-message .messages{ width:400px; height:120px; line-height:25px; padding:10px; font-size:14px; color:#666; border:none; background:#fff;margin-bottom:10px;border-radius:10px}
.f-message .iuptbut{ width:400px; height:40px; line-height:40px; text-align:center; display:block; border:none; font-size:16px; color:#fff; float:left; background:#5fc1bd;border-radius:10px}


/*企业文化*/
.full-row<[class*="span-"]{float:left;}
.full-row:before,.full-row:after{
    display: table;
    clear: both;
    content: '';
}
.culture .title {padding-bottom: 50px;}
.culture .title .t,.culture .title .s{text-align: center;}
.culture .title .t{font-size: 29px;color: #d20818; padding-bottom:15px;}
.culture .title .s{font-size: 14px;color: #393939;}
.culture .part1{min-height: 100%;margin: 0 auto;background: url(../images/culture.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21968{min-height: 100%;margin: 0 auto;background: url(../images/culture1.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21969{min-height: 100%;margin: 0 auto;background: url(../images/culture2.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1.ch21970{min-height: 100%;margin: 0 auto;background: url(../images/culture3.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.culture .part1 ul li{height: 329px;width: 33.33333%;float: left;}
.culture .part1 ul li .box{height: 100%;position: relative;overflow: hidden;}
.culture .part1 ul li .box .cen{width: 160px;height: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -80px;transform:scale(1);opacity: 1;transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;}
.culture .part1 ul li .box .cen .tit{font-size: 20px;text-align: center;color: #fff;padding-bottom: 10px;font-weight: bold;}
.culture .part1 ul li .box .cen .en{font-size: 13px;color: #fff;font-family: 'Arial';text-align: center;}
.culture .part1 ul li .box .cen .img{height:25px;text-align: center;color: #fff;padding-top: 20px;padding-bottom:20px;background: url(../images/jia.png) no-repeat center center;}
.culture .part1 ul li .box .cen .hr{width: 95px;height: 1px;background-color: #fff;margin: 8px auto 0;}
.culture .part1 ul li .box .cen2{padding:80px 55px 0 55px;background-color: #5fc1bd;transform: scale(0.9);transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;opacity: 0;height: 100%;}
.culture .part1 ul li:hover .cen{transform: scale(0.7); opacity:0;filter:alpha(opacity=0);}
.culture .part1 ul li:hover .cen2{transform: scale(1);opacity: 1;filter: alpha(opacity=100)}
.culture .part1 ul li .box .cen2 .tit{font-size: 20px;color: #fff;text-align: left; padding-bottom: 10px;font-weight: bold;}
.culture .part1 ul li .box .cen2 .minh{font-size: 17px;color: #fff;}
.culture .part1 ul li .box .cen2 .hr{width: 100%;height: 1px;background-color: #fff;margin-top: 40px;}
.culture .part1 ul li .box .cen2 .en{text-align: right;font-size: 14px;color: #fff;font-family: 'Arial'; }
.culture .part1 ul li:first-child .box,.culture .part1 ul li:nth-child(2) .box{border-right: 1px solid #fff;border-bottom:1px solid #fff; }
.culture .part1 ul li:hover .box{border: none;}
.culture .part1 ul li:nth-child(3) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(4) .box,.culture .part1 ul li:nth-child(5) .box{border-right: 1px solid #fff;}
.culture .part1 ul li:nth-child(3) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(4) .box,.culture .part1 ul li:nth-child(5) .box{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(6) .box{border-bottom: 1px solid #fff;}
.culture .part1 ul li:nth-child(7) .box,.culture .part1 ul li:nth-child(8) .box{border-right: 1px solid #fff;}
.culture .part1 ul li.cen{display: block;}
.culture .part1 ul li.cen2{display: none;}
.culture .part1 ul li .box .cen2{filter:alpha(opacity=0);display: none\9;}
.culture .part1 ul li:hover .box .cen2{filter:alpha(opacity=100);display: block\9;}



/*内容*/
.wenhuazi{padding-top: 30px; padding-bottom: 70px;}
#content { width:920px; height:520px; box-shadow:0px 0px 20px #CCCCCC; -moz-box-shadow:0px 0px 20px #CCCCCC;
-webkit-box-shadow:0px 0px 20px #CCCCCC; z-index:10; position:relative; margin:0 auto;}
#content .cont_left { height:520px; width:258px; float:left; border:1px solid #fafafa; background:url(../images/step-brief-bg.png) repeat;}
#content .user_pig { margin:80px auto 0;  cursor:pointer; }
#content .user_name { font-family:"Microsoft YaHei"; margin-top:15px; font-size:30px; text-align:center;color: #000; }
#content .user_connect { display:block; width:24px; height:24px; float:left; background:url(../images/user-badge-small.png) no-repeat -48px 0;margin-left:20px;}

#content .cont_right { width:658px; height:520px; float:left; background:#fff;}
#content .cont_right .left_quote { position:absolute; width:24px; height:24px; background:url(../images/steppage_head.png) no-repeat -120px -170px; top:0px; left:-30px; z-index:999;}
#content .cont_right .right_quote { position:absolute; width:24px; height:24px; background:url(../images/steppage_head.png) no-repeat -120px -200px; right:-30px; bottom:0px; z-index:999;}
#content .cont_word { width:458px; position:relative; margin:80px auto 70px;}
#content .cont_word p { font-family:"Microsoft YaHei"; margin-top:15px; font-size:14px; text-indent:20px;}
#content ul { position:absolute; }
#content ul li { opacity:0.3; filter:alpha(opacity=30);float:left;}
#content strong { display:block; width:100px; height:100px; line-height:100px; text-align:center; background:#000; opacity:0.0; filter:alpha(opacity=0); font-size:60px; color:#fff; cursor:pointer; position:absolute;}
#content .sl { left:-160px; top:40%; z-index:101;}
#content .sr { right:-160px; top:40%; z-index:101;}
#content .left, #content .right { height:520px; background:#000; opacity:0; filter:alpha(opacity=0); top:0px; z-index:102; cursor:pointer; position:absolute;}


/*分页条*/
.paging { margin-top: 32px;  margin-bottom: 15px; font-size: 16px; text-align:center;}
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #5fc1bd; border-radius: 2px; color:#5fc1bd; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #5fc1bd; color: #000; }
.paging .page-pre,a{color:#5fc1bd;}

/*栏目页内容页栏目列表*/
.lanmu{
    width: 1440px;
    margin: 40px auto;

}
.zuire{
    width: 50%;
    float: left;
}
.zuire span{
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0;
    color: #5fc1bd;
    font-weight: bold;
}
.zuire a{
    display: block;
    width: 43%;
    float: left;
    font-size: 14px;
    margin: 5px 40px 5px 0;
    overflow: hidden;
    height: 20px;
    color: #343434;
}
.zuire a:hover{
    color: #5fc1bd;
}